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Project Details 



Project Identifier 






Quotation Reference No. 

IBS/QUO/ORS/2K15-1211 



Project Name 

Online Radio Station 
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Introduction 



This proposal is just a "proposal." Nothing is final or binding until it is signed. Everything contained herein is open to 
negotiation. Pricing matters shall be discussed once the required funtions are finalized 

We encourage the discussions on this proposal. We will be more than happy to address to your questions, comments or 
concerns over the proposal. 

Thank you in advance for taking the time to review our proposal. We truly appreciate the opportunity to earn your business 
and are prepared to do whatever it takes to do so! 



Overview 



The primary objective is to develop and build a Community Email Website System for Community Email agents 
This is not 100% customized solution rather its a Turnkey solution with predefined standard functions. 



What is Included (“Scope of work”) 



A complete, fully tested, optimized and Online Radio Station. 

Said Proposal is for Online Radio Station which basic purpose is to keep it best possible level simplified so that at 
user level no specific IT expertise needed to operate it making it easy to operate and cost effective being in 
operation. 



Features 



•Responsive 

•HTML5 Audio API with Flash Fail-back 

•Supports: Shoutcast, Icecast, SAM Broadcaster, Radionomy, Centovacast and direct information 
from stream using ICY-METADATA 

•Multi-channels with per channel settings 

•Multi-language support based on Browser locale 

•Mobile optimized (iOS and Android may not allow auto play) 

•Quality Setting Switch (optional) 

•LastFM API and Custom artist images support 
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•Written in HTML5 & CSS3 with use of scalable graphics 
•Advanced Control Panel for easy management 
•Optimized for High Performance 

•Comes with three themes: Material Light, Material Dark and HTML5 Radio Player! 

•Custom Color Schemes 

•Save user preferences in a Cookie (optional) 

•Play-list generation on the fly using PHP. 

•Fully commented and clean code 

•Add your Google Analytics with ease (since 1 .09) 

•Built-in update script for quick updates 
•And much much more... 

Note: AAC+ Codec is not supported by this player! 



Requirements 

Player may work without the specified requirements bellow, but I do not offer support with those 
configurations. Use at your own risk! 

•PHP 5.3+ with CURL Extension 

•PHP CURL Extension must have access to configured port (E.g.: Shoutcast uses port 8000 by 
default) 

•MP3 based stream (OGG support in browsers is poor but can be used in combination with MP3) 
•For current artist / title you need one of supported API’s 
•LastFM API key for artist images (optional) 
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Platforms and Browsers 

•Windows: Firefox, Chrome, Opera, Safari, IE9, IE10+ 

•OSX: Safari, Firefox, Chrome, Opera 
•iOS: Mobile Safari: iPad, iPhone, iPod Touch 

•Android 2.3+: Chrome, Firefox, Opera and most other mobile browsers 
•Blackberry: OS 7 Phone Browser, PlayBook Browser 




§ Channels % Advanced Cg Settings 8 Language(s) ft Updates 



iQl Connection Test & Debug 

This will attempt to connect to external API's required for Player Stats (Getting Artist - Title). If the connection fails, please contact your hosting provider to unblock blocked ports. 
Test All 



li Custom Color Scheme(s) 

To compile custom CSS color scheme, select base theme bellow and then select a color you wish to use. The color you select will be base color for the player. 
New theme name: base.color (If you enter name of existing theme, this will overwrite it) 



Select base theme: 



Default Light 



(Selected thi 



Se used as a " base ' for the new color scheme) 



Select base color: 



: Jr Manage Artist(s) Images 

Since artist image comes from LastFM API you might i 
Artist Name 

david.guetta 
default 
3 d JJ a cky 



eadhunterz.feat..haris 



2 hardwelL.tiesto.feat..andreas.moe 



: have images for new artists or less known artists. With this addon, you can add custom artists and their images. 



Image Path File size 

tmp/images/bcasejpg 20.77 KB 

tmp/images/david.guetta.jpg 18.59 KB 

tmp/images/defaultpng 56.69 KB 

tmp/images/dj.jacky.jpg 22.73 KB 

tmp/images/hardwell...headhunterz.feat..haris.jpg 23.08 KB 

tmp/images/hardwell...tiesto.feat..ar>dreas.moe.jpg 21.08 KB 



Action 

Gf Edit | X Delete 
BT Edit | X Delete 
or Edit 

GT Edit | X Delete 
C2 Edit | x Delete 
Of Edit | X Delete 



Upload image 

Artist name will not be preserved. The reason for this change is because some filesystems do not support special characters. 

Artist Name: David Guetta (Artist images are matched literally. Eg.: David Guetta will not match artist name Dj David Guetta!) 



Artist Image Select an image 



JPEG. JPG, PNG and GIF accepted. 

If image aspect ratio doesn't fit, you can move the crop area. 



Ch Upload 
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Radio Player supports multi-channel or single-channel setup. You can add unlimited number of channels each having different settings. Common player settings are covered in Settings tab. 
Please read instructions carefully, if configuration is incorrect, the player may fail to load or not work properly. 



Channel Name 
Channel Logo 



Default theme 



Icecast Demo 



( When player is in single-channel mode the channel's i 




If specified it will replace station logo. JPEG, JPG, PNG and GIF accepted. Image will be cropped to 40px height. 




x Delete 

Default Light * (Hint: Generate more color schemes on Advanced tab) 

Q Show track playtime (Based on when the last track was changed) 



I won't be displayed.) 



How to configure streams? 

Player supports various streaming codecs but since HTML5 and Flash do not properly support all, its highly recommended to use MP3 only. 

MP3 codec works in all major browsers because it uses Adobe Flash as fallback. Any other codec like AAC or OGG will most likely not work. 

Read bellow how you should link streams: 

• Shoutcast version lx http://shoutcast-server-url.com:port/;stream.mp3 

• Shoutcast version 2.x: http://shoutcast-server-url.com:port/mountpoint 

• Iceacast 2.x+: http://icecast-server-url.com:port/mountpoint 

Note: OGG codec will not work with most browsers, but you can use combination of codecs! E.g.: For a quality "Default" add OGG & MP3 
stream URL's and when browser will not be able to play OGG it will switch to MP3 automatically. 

Configure Streams (Music) High Quality X Delete Group 

http://defikon.com:8000/prahec.320k.mp3 MP3 * x 

+ Add More Streams 



Low Quality 

http://defikon.com:8000/prahec.64k.mp3 
+ Add More Streams 



Another Group 



Configure Stats (Live info) 
Icecast status page 
Admin username 
Admin password 
Mount Point 
Fallback Mount 



Icecast (login required) 
http://defikon.com:8000 
admin 

/prahec.320k.mp3 

/prahec.64k.mp3 



(Fallback to this mount if main l 



: no info, not required) 



x Delete Group 
MP3 v X 
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<€ Settings 9 Languagefs) 



Popup Embed Player 

This method is recommended. When player is used as popup window, it allows users to continue interacting with your web site without any problems. It also ensures that the player is responsive on 
mobile devices and that it fits screen well. See code bellow to embed this method into your web site. Note: You can also force specific channel via URL Simply append #channel name to URL 



Custom Player Size: 720 x 350 pixels 



Q Open Popup 




Embed code 



<a href="#" onclick="window.open('http://si. prahec.com/aio-radio/', 'alo_radio_player', 'width=720, helght=350'),- 
return false; ">Open Popup</a> 



iFrame Embed Player 

To embed the player on any page simply use code bellow. Its very easy to deploy the player using iframe, it will work as some youtube video. 
If you want to disable auto play via URL you can append ?autoplay=false to the URL 




Is Up 




4 ) 

Playing lcecast Demo... 



❖ © <f> Q 



Embed Code 

<iframe width="720" height="350” border="0" style=''border: 0; box-shadow: 1 px 1 px 0 #fff;" 
src="http7/si.prahec.com/aio-radio/"x/iframe> 






Radio 



ADVANCED RAD*0 PLAYER 



& = 




Dj Jacky - HouseFire XXXVII (DJ Krona. 

03:39 



Listen in your favourite player 

O' Q 
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Playing Podcast Channel... 



Listen in your favourite player 



Basic Methodology 



Throughout Design, Develop and Implementation Process core Conceptual concept will remain in mind to keep operational 
system simplified upto maximum possible level so that operating said does not require any technical knowledge. 

All Complexities of operational and conceptual procedures will be delt by the software internal algorithim. Keeping it simple 
for operator. For its operation any body who can play with computer can operate the Software. 

Technology and Compatibility 



Note: if all the jargon below is Greek to you, just know that it basically means that we will develop the Software to conform 
with all of today's technology standards. 

Development Media PHP,XML, 

Database : mySQL 



Timelines and Milestones 



Our tentative production schedule proposed is as follows. However, please realize that these are NOT deadlines. If you 
require a specific launch date or other sorts of deadlines, we are happy to oblige given enough advance notice. Otherwise, we 
prefer to estimate the timeframes but ultimately take the amount of time that is needed for the best results. While we don't 
bill you by the hour, our costs are based on the amount of time we invest into each project. So rest assured that we have a 
very vested interest in moving quickly. 

(Note that the days are measured in business days, starting from the day the project begin by receiving down payment and 
initial data required to take start.) 



Basic Core development 6 Weeks 

First Implantation and Testing at Client Site 2 Weeks 

Fine tuned Final Version Handover 1 Weeks 



Fees & Payment 



Please go through details covered in this proposal. It would be easy for us to settle down the cost of the project when 
requirements are completley discussed by both parties. 

Important Notes/Points: 
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• Simply providing of Binaries. Source code will remain the property of the Intelligent Business Solution and will never be 
handed over what so ever the case may be. 

• This proposal is designed keeping in mind that this site would be support site not the Company main site. If you want to 
have it Company main site we can send u revised reworked proposed model. 

• As we can not share source code so hosting will be remain under our charge and we shall provide. What sort of hosting 
account needed depend upon 

1 Number of total Usere 

2 Number of user using site at same time 

3 nature and volume of data 

4 Backend webapplication required initial dedicated RAM 



• Cost Structure 

In order to give you idea of web application cost structure it would have following components 

• intial Setup Fee 

• Monthly charges 

• Trainning Charges 



We really appreciate for your time and energies you have spend for going through this comprehensive proposal. If you need any 
further information, details it would be our pleasure to provide you the same. 

Hoping to hear from you soon and a proper detailed meeting time so that we can discuss your needs and can show how this 
application can full fill your needs. 

Assuring you best of our services and looking forward to have good future business relationships. 

Regards. 



**** NOTHING folllows**** 
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